@charset "utf-8";
/* CSS Document */
html,body,div,span,iframe,p,a,em,img,input{margin: 0;padding: 0;border: 0;box-sizing:border-box;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} 
body,html{height:100%;}
em{font-style: normal;}
input{-webkit-appearance: none;}
/*清除浮动代码*/
.clearfix:after{ display: block; clear: both; content:"";visibility:hidden;height:0}/*IE8及以上*/
.clearfix{ zoom:1}/*IE7及以下*/
#wrapper{background:#d9e3eb;color:#fff;font-size:14px;-webkit-text-size-adjust:none;position:relative;margin:0 auto;-webkit-overflow-scrolling:touch;max-width:640px;height:100%;overflow:hidden;}
img{border:none;max-width:100%;}
.page{height:100%;}
.page0{background:#ffe34c;}
/*.page0-pic{max-height: 100%;max-width: 100%;}*/
.page0 .logo{display:block;max-height:15%;max-width: 30%;}
.page0-con{height:85%;text-align: center;}
.page0-con-l,.page0-con-r{display:inline-block;vertical-align: middle;}
.page0-con-l{height:100%;width:1px;}
.page0-con-r{width:99%;max-height: 100%;position: relative;}
.startgame{display: block;width:43%;left:29%;bottom:0;height:12%;position: absolute;}
.page1{position: relative;text-align: center;}
.page1 .clicktips{background:#c3d0d9;padding:5px 0;text-align: center;}
.btn{border:0 none;display:block;position:absolute;bottom:0;left:0;background:#e85502;color:#fff;font-size:18px;text-align:center;padding:8px 0;width:100%;}
.page1 .car{position:absolute;bottom:14px;left:10px;width:15%;}
.page1 .car .total{background:#fff;border:2px solid #e85502;border-radius:50%;color:#e85502;position:absolute;top:-5px;right:-5px;height:24px;line-height:22px;text-align:center;font-weight:bold;width:24px;}
.page1-pic{max-width: 100%;margin:0 auto;display:block;max-height:100%;}
.goods-box{display:inline-block;margin-top:1.5%;height:83%;position:relative;}
.goods-box a{position: absolute;}
.goods-box .a1{top:5%;left:3%;height:10%;width:20%;-webkit-transform: rotate(-30deg);}
.goods-box .a2{top:2%;left:28%;height:10%;width:27%;}
.goods-box .a3{top:0%;left:60%;height:13%;width:20%;}
.goods-box .a4{top:22%;left:9%;height:10%;width:19%;-webkit-transform: rotate(23deg);}
.goods-box .a5{top:18%;left:33%;height:10%;width:22%;-webkit-transform: rotate(26deg);}
.goods-box .a6{top:17%;left:60%;height:10%;width:20%;-webkit-transform: rotate(50deg);}
.goods-box .a7{top:8%;right:0%;height:13%;width:20%;}
.goods-box .a8{top:26%;left:52%;height:15%;width:12%;-webkit-transform: rotate(45deg);}
.goods-box .a9{top:24%;right:2%;height:15%;width:20%;}
.goods-box .a10{top:35%;left:1%;height:15%;width:28%;}
.goods-box .a11{top:40%;left:36%;height:15%;width:16%;-webkit-transform: rotate(-30deg);}
.goods-box .a12{top:38%;left:62%;height:18%;width:16%;-webkit-transform: rotate(20deg);}
.goods-box .a13{top:44%;left:82%;height:18%;width:16%;-webkit-transform: rotate(-20deg);}
.goods-box .a14{top:54%;left:3%;height:12%;width:20%;-webkit-transform: rotate(15deg);}
.goods-box .a15{top:60%;left:27%;height:12%;width:18%;-webkit-transform: rotate(55deg);}
.goods-box .a16{top:60%;left:50%;height:12%;width:15%;}
.goods-box .a17{top:65%;left:70%;height:14%;width:26%;}
.goods-box .a18{top:75%;left:3%;height:20%;width:26%;}
.goods-box .a19{top:76%;left:42%;height:10%;width:19%;}
.goods-box .a20{top:88%;left:32%;height:12%;width:22%;}
.goods-box .a21{top:83%;left:63%;height:16%;width:25%;}
.goods-box .num{background:#e85502;border-radius:50%;position:absolute;height:20px;line-height:20px;width:20px;display:none;}
.num1{top:-1%;left:14%;}
.num2{top:0;left:51%;}
.num3{top:-1.5%;left:73%;}
.num4{top:16%;left:12%;}
.num5{top:12%;left:35%;}
.num6{top:12%;left:65%;}
.num7{top:4%;left:90%;}
.num8{top:24%;left:58%;}
.num9{top:21%;left:87%;}
.num10{top:37%;left:25%;}
.num11{top:35%;left:41%;}
.num13{top:40%;left:89%;}
.num12{top:38%;left:78%;}
.num14{top:54%;left:20%;}
.num15{top:56%;left:30%;}
.num16{top:56%;left:60%;}
.num17{top:62%;left:79%;}
.num18{top:72%;left:12%;}
.num19{top:73%;left:56%;}
.num20{top:89%;left:51%;}
.num21{top:80%;left:73%;}
.goods-box .num span{color:red;font-weight:bold;position: absolute;top:-15px;left:5px;opacity:0;}
.goods-box .addOne span{-webkit-animation:bounce .3s forwards linear;}
@-webkit-keyframes bounce{
	0%{top:-15px;opacity:1;}
	90%{top:-28px;opacity:1;}
	100%{top:-32px;opacity:0;}
}
.pop{background:rgba(0,0,0,0.6);position: absolute;top:0;left:0;width:100%;min-height: 100%;display: none;}
.pop-con{border-radius: 5px;background:#fff;margin:20% auto;width:86%;padding-bottom:40px;max-width: 500px;position: relative;}
.pop img{border-radius: 5px;}
.pop p{color:#898989;font-size:12px;padding:0px 0px 20px;text-align: center;}
.pop .text{color:#000;border:1px solid #cdcdcd;border-radius: 5px;padding:10px 0px 10px 5px;margin:0 auto;width:86%;box-sizing: border-box;position:relative;top:-15px;}
.pop .btn{border-radius: 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.page2{color:#333;text-align: center;}
.page2 .p1{font-size:24px;font-weight:bold;margin-top:35%;line-height: 1.5em;}
.page2 .p2{font-size:20px;line-height: 2.6em;}
.share-btn{display:block;margin-left:30%;margin-top:10px;width:40%;}
.share-btn img{width:100%;}
.page3-bg{width:100%;height:100%;}
.page3{position: relative;}
.page3-con{font-family: simhei;font-weight:bold;color:#333;position: absolute;height:100%;width:100%;top:0;left:0;text-align: center;}
.page3-pic{height:22%;margin:6% auto 0;}
.page3-p1{font-size:18px;padding:10px 0 8px;}
.page3-p2{font-size:18px;}
.page3-p3{font-size:18px;padding:8px 0;}
.page3-p4{display:inline-block;font-size:18px;position: relative;}
.page3-p5{color:#e85602;font-size:22px;padding-top:8px;}
.page3-bottom{position: absolute;bottom:14%;left:0;width:100%;}
.page3-pic1,.page3-pic2{position: absolute;}
.page3-pic1{top:15px;left:-25px;width:23px;}
.page3-pic2{top:-20px;right:-27px;width:56px;}
.page3-a{border-radius:2px;color:#fff;display:inline-block;font-size:18px;background: #e85502;margin-top:10px;padding:6px 0;display:block;width:34%;margin:10px auto 0;}
@media only screen and (max-height: 420px) {
	.goods-box{height:82%;}
	.page3-p1{font-size:12px;}
	.page3-p2{font-size:12px;}
	.page3-p3{font-size:12px;}
	.page3-p4{display:inline-block;font-size:12px;position: relative;}
}
 